<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="mao.css">
</head>
<body>
<header>
    <div class="h1">
        <div>
            <img src="./猫眼电影 - 娱乐看猫眼_files/lQLPJxZnDRh-dtxQzQEKsEKGEKMsJeIWAqnnwvDAvQA_266_80.png" alt="">
            <a href="">成都 ▼</a>
        </div>
        <div>
            <a href="">首页</a>
            <a href="">电影</a>
            <a href="">影院</a>
            <a href="">演出</a>
            <a href="">榜单</a>
            <a href="">热点</a>
            <a href="">商城</a>
            <a href="">APP下载</a>

        </div>
    </div>
    <div class="h2">
        <input type="text" placeholder="找影视剧、影人、影院">
        <span></span>

    </div>
</header>

<div>
    <img src="./img/img(2)/1.png" alt="">
</div>
<!-- 主体 -->
<section>
    <!-- 左 -->
    <div class="left">

        <div class="left3">
            <div class="left4">
                <img src="./猫眼电影 - 娱乐看猫眼_files/1.jpg" alt="">
                <div>
                    <p>侏罗纪世界3</p>
                </div><a href="">购票</a>
            </div>
            <div class="left4">
                <img src="./猫眼电影 - 娱乐看猫眼_files/2.jpg" alt="">
                <div>
                    <p>暗恋</p>
                </div><a href="">购票</a>
            </div>
            <div class="left4">
                <img src="./猫眼电影 - 娱乐看猫眼_files/25bfd6710fa33892575015291c1968e6062ff.jpg" alt="">
                <div>
                    <p>人生大事</p>
                </div><a href="">购票</a>
            </div>
            <div class="left4">
                <img src="./猫眼电影 - 娱乐看猫眼_files/4.jpg" alt="">
                <div>
                    <p>坏蛋联盟</p>
                </div><a href="">购票</a>
            </div>
            <div class="left4">
                <img src="./猫眼电影 - 娱乐看猫眼_files/5.jpg" alt="">
                <div>
                    <p>龙珠z</p>
                </div><a href="">购票</a>
            </div>
            <div class="left4">
                <img src="./猫眼电影 - 娱乐看猫眼_files/7.jpg" alt="">
                <div>
                    <p>哆啦A梦</p>
                </div><a href="">购票</a>
            </div>
            <div class="left4">
                <img src="./猫眼电影 - 娱乐看猫眼_files/6.jpg" alt="">
                <div>
                    <p>精灵旅社</p>
                </div><a href="">购票</a>
            </div>
            <div class="left4">
                <img src="./猫眼电影 - 娱乐看猫眼_files/8.jpg" alt="">
                <div>
                    <p>一周的朋友</p>
                </div><a href="">购票</a>
            </div>
        </div>
    </div>
    </div>
    <!-- 右 -->
    <div class="right1">
        <div>

        </div>
        <div>
            <div>
                <img src="./猫眼电影 - 娱乐看猫眼_files/11.jpg" alt="">
            </div>
            <div>
                <h4>侏罗纪世界3</h4>
                <p>1030.14</p>
            </div>
        </div>
        <div>
            <table>
                <tr>
                    <td>2</td>
                    <td>暗恋.橘生淮南</td>
                    <td>164.35万</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>坏蛋联盟</td>
                    <td>97.16</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>天才计划</td>
                    <td>22.21万</td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>哆啦A梦</td>
                    <td>18.50</td>
                </tr>
            </table>
        </div>
        <div class="right2">
            <div><a href="">今</a>
                <a href="">日</a>
                <a href="">大</a>
                <a href="">盘</a></div>
            <div>
                <div><a href="">1416.9</a>
                    <a href="">万</a>
                    <a href="">查看更多&gt</a></div>
                <div>
                    <p>北京时间 15:05:18</p>
                    <p>猫眼专业版实时票房数据</p>
                </div>
            </div>
        </div>
 </section>
</body>
</html>